<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>测试页</title>
    <script src="../src/tm.js" data-config="config.js"></script>
    <link rel="stylesheet" href="css/style.css">
</head>

<body>
    <h1>滚动条插件</h1>
    <div id="scroll">
        <div class="cl">
            <div id="scrollInner">
                <div class="horizontal">
                    <p>123=========</p>
                    <p>123=========</p>
                    <p>123=========</p>
                    <p>123=========</p>
                    <p>123=========</p>
                    <p>123=========</p>
                    <p>123=========</p>
                </div>
            </div>
            <br>
            <img src="img/1.jpg" alt="">
        </div>
    </div>
    <br>
    <button onclick="x.last()" id="test">上一屏</button>
    <button onclick="x.next()">下一屏</button>
    <button onclick="x.toTop()">顶端</button>
    <button onclick="x.toBottom()">底端</button>
    <button onclick="x.toLeft()">左端</button>
    <button onclick="x.toRight()">右端</button>
    <button onclick="x.dragSwitch = true">允许拖动</button>
    <button onclick="x.dragSwitch = false">不允许拖动</button>
    <button id="rightKey">右键</button>
    <h1>拖动插件</h1>
    <button onclick="dr.switch = false">禁止拖动</button>
    <button onclick="dr.switch = true">允许拖动</button><br><br>
    <span id="drag1">随意拖动</span><br><br>
    <span id="drag2">限制水平移动</span><br><br>
    <span id="drag3">限制竖直移动</span><br><br>
    <div style="height: 116px; width: 194px; border: 1px solid #000;">
        <span id="drag4">限制移动范围</span>
    </div>

    <h1>网络数据池</h1>
    <div id="app">
        <li v-for="i in userPool">
            姓名：{{i.name}} 年龄：{{i.age}}
        </li>
    </div>

    <h1>弹窗</h1>
    <button id="alert">点击试试</button>
</body>

</html>‮